.floor-title,.floor1 .pagination,.floor2,.floor3,.floor4,.floor5 #myTab,.floor5 .icon {
	text-align:center
}
.floor-title {
	font-size:1.5rem;
	color:#282828;
	padding-bottom:1rem
}
.floor-title.title2 {
	margin:0;
	padding:0
}


/*首页新闻*/
.de-news-head{ height:65px; line-height:65px;}
.de-news-head .news-title{ height:65px; background:url(../images/news-title-bg.png) no-repeat;}
.de-news-head-en{ height:50px; line-height:50px;}
.de-news-head-en .news-title{ height:50px; background:url(../images/en/news-title-bg.png) no-repeat;}
.de-news-list .icon img{ height:120px;}
.de-news-list:hover .thumbnail{
	bottom:0;
	background-color:#249cff;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
}
.de-news-list:hover .news-time{ color:#FFFFFF;}
.de-news-list:hover .icon{ background:#FFFFFF}
.de-news-list a{text-decoration:none;}
.de-news-list:hover a{ color:#FFFFFF; text-decoration:none;}

.news-btn-group {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.mobile-type-left, .mobile-type-right {
    border: 1px #0090ff solid;
    border-radius: 16px;
    color: #0090ff;
    width: 124px;
    outline: 0 none !important;
    blr: expression(this.onFocus=this.blur());
}

.mobile-type-left:active:hover, .mobile-type-right:active:hover {
    border: 1px #0090ff solid;
    border-radius: 16px;
    color: #fff;
    background-color: #0090ff;
    outline: none;
}

.mobile-type-show{
    border: 1px #0090ff solid;
    border-radius: 16px;
    color: #fff;
    background-color: #0090ff;
    outline: none;
}


.news-time {
    font-size: 14px;
    color: #989898;
    margin-bottom: 16px;
}

.mobile-news-time {
    font-size: 10px;
    color: #989898;
    margin-bottom: 9px;
}

.pointer-target a{ text-decoration:none; color:#000000;}
.pointer-target a:hover{ text-decoration:none; color:#0b63ab;}
/*.pointer-target a:visited{ text-decoration:none; color:#e30135;}
*/

.centered {
        padding-left: 30px;
        padding-right: 30px;
    }


@media (min-width:1340px) {
    .centered {
        max-width: 1280px;
        margin: 0 auto;
    }
}



.home .quickaccess ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.home .quickaccess .copy ul {
    list-style: disc;
    padding-left: 17px;
}

.home .quickaccess a {
    outline: 0;
}

    .home .quickaccess a:hover {
        color: #005da9;
    }

    .home .quickaccess a.activated, .home .quickaccess a.active {
        color: #e30034;
    }

.home .quickaccess .accordion {
    border-top: 1px solid #d3cdce;
}

.home .quickaccess .cluster {
    margin-bottom: 30px;
}

    .home .quickaccess .cluster:last-child {
        margin-bottom: 0;
    }

.home .quickaccess .support {
    position: relative;
}

    .home .quickaccess .support a {
        display: inline-block;
        padding: 14px 0 18px 52px !important;
        position: relative;
    }

    .home .quickaccess .support .glyphicon:before {
        position: absolute;
        font-size: 37px;
        left: 0;
        top: 10px;
        color: #005da9;
        zoom: 1;
    }

.home .quickaccess.mobile {
    margin: 0 -15px;
}

    .home .quickaccess.mobile h1 {
        position: relative;
        font-size: 25px;
        line-height: 30px;
        margin: 0;
        padding: 12px 32px 12px 12px;
        border-bottom: 1px solid #d3cdce;
        border-top: 1px solid #fff;
        cursor: pointer;
        color: #e30034;
    }

        .home .quickaccess.mobile h1.collapsed {
            border-bottom: none;
            color: #005da9;
			
        }

            .home .quickaccess.mobile h1.collapsed:hover {
                color: #e30034;
				text-decoration:none;
            }

           /* .home .quickaccess.mobile h1.collapsed:after {
                content: "";
            }*/

        .home .quickaccess.mobile h1:after {
            /*font-family: "Glyphicons IFX";*/
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            /*content: "";*/
            position: absolute;
            right: 12px;
            top: 24px;
            font-size: 8px;
            color: #999;
        }

    .home .quickaccess.mobile .heading > h2 {
        font-size: 25px;
        line-height: 30px;
        color: #005da9;
        margin: 0;
        cursor: pointer;
    }

        .home .quickaccess.mobile .heading > h2:hover {
            color: #e30034;
			text-decoration:none;
        }

    .home .quickaccess.mobile .heading a {
        padding: 0 0 0 27px;
		text-decoration:none;
		display: block;
    }

        .home .quickaccess.mobile .heading a:before {
            top: 0;
            font-size: 34px;
        }

    .home .quickaccess.mobile li.copy figure {
        padding: 20px 0;
    }

        .home .quickaccess.mobile li.copy figure figcaption {
            color: #c5c5c5;
        }

    .home .quickaccess.mobile .secondlevel {
        padding: 12px;
    }

    .home .quickaccess.mobile ul + .secondlevel {
        margin-top: -30px;
    }

    .home .quickaccess.mobile .teaser {
        margin-bottom: 0;
        margin-top: 20px;
    }
	.home .quickaccess.mobile .link {
		color:#000000;
		text-decoration:none;
		height:22px;
		display: block;
	}
	.home .quickaccess.mobile .link:hover{	
		color:#e30034;
	}

    .home .quickaccess.mobile > ul > li.panel > div > ul {
        padding: 0 12px 29px;
    }

        .home .quickaccess.mobile > ul > li.panel > div > ul.linklist {
            padding: 0;
        }

        .home .quickaccess.mobile > ul > li.panel > div > ul > li.panel {
            border-bottom: 1px solid #d3cdce;
            padding: 8px 0 10px;
        }

            .home .quickaccess.mobile > ul > li.panel > div > ul > li.panel > ul {
                padding: 0 27px;
            }

                .home .quickaccess.mobile > ul > li.panel > div > ul > li.panel > ul a {
                    padding-top: 13px;
                }

    .home .quickaccess.mobile .cluster:first-child {
        margin-top: 20px;
    }

    .home .quickaccess.mobile .cluster h2 {
        padding-left: 15px;
    }

    .home .quickaccess.mobile .support:first-child {
        margin-top: 10px;
    }

    .home .quickaccess.mobile .support a {
        font-size: 18px;
        line-height: 30px;
        padding: 12px 0 6px 52px !important;
    }

.home .quickaccess.desktop {
    display: none;
    padding-bottom: 40px;
}

@media (min-width:1024px) {
    .home .quickaccess.mobile {
        position: absolute;
        left: -9999px;
    }

    .home .quickaccess.desktop {
        width: 960px;
        display: block;
    }

        .home .quickaccess.desktop .nav-col {
            position: relative;
            float: left;
            width: 160px;
        }

            .home .quickaccess.desktop .nav-col.second-level {
                width: 240px;
            }

            .home .quickaccess.desktop .nav-col.third-level {
                width: 320px;
            }

        .home .quickaccess.desktop .svg-pointer {
            float: left;
            width: 120px;
        }

		.home .quickaccess.desktop .svg-pointer#pointer-root {
			overflow: visible;
			width: 0;
		}

        .home .quickaccess.desktop ul li {
            font-size: 18px;
        }

            .home .quickaccess.desktop ul li a {
                padding: 6px 0;
                display: block;
            }

        .home .quickaccess.desktop ul.blue-button-link li a {
            padding: 4px 9px;
        }

        .home .quickaccess.desktop .content .container-fluid {
            margin-bottom: 0 !important;
            margin-top: 0 !important;
        }

        .home .quickaccess.desktop .content .loader {
            height: 200px;
            background: url(../images/loader-sm.gif) center center no-repeat transparent;
        }

        .home .quickaccess.desktop .content .iframe-wrapper {
            padding: 32px 15px 15px;
        }

        .home .quickaccess.desktop .teaser {
            margin-bottom: 0;
        }

        .home .quickaccess.desktop .cluster h2 {
            padding-left: 18px;
        }

        .home .quickaccess.desktop .content-tools .sr-only + .row, .home .quickaccess.desktop .sr-only:first-child + .cluster {
            margin-top: 32px;
        }

        .home .quickaccess.desktop .teaser-col {
            float: left;
            margin-left: 120px;
            position: relative;
            width: 320px;
        }

            .home .quickaccess.desktop .teaser-col.teaser-large {
                clear: both;
                float: none;
                padding-top: 36px;
                width: 680px;
                margin-left: 280px;
            }
}


@media (max-width:991px) {
	.floor-title {
	font-size:1.8rem
	}
	.floor-title:first-child {
		padding-bottom:2rem
	}
}
.floor {
	padding:3rem 0
}
@media (max-width:991px) {
	.floor {
	padding-bottom:2rem
	}
	.floor1 #swiper1 {
		width:100%;
		height:380px
	}
	.floor1 h3 a {
		font-size:1.8rem!important
	}
}
.floor1 .pagination {
	position:absolute;
	z-index:20;
	bottom:-.01rem;
	width:100%;
	margin:10px 0;
}
.floor2 ul,.floor2 ul li,.floor4 .f-l-wrap,.floor7 .col-md-2 {
	position:relative
}
.floor1 .swiper-pagination-switch {
	display:inline-block;
	width:16px;
	height:16px;
	border-radius:8px;
	background:#fff;
	margin:0 3px;
	opacity:.8;
	border:2px solid #fff;
	cursor:pointer;
	transition:.4s ease
}
.floor1 .swiper-pagination-switch:hover {
	border:2px solid #0090ff
}
.floor1 .swiper-active-switch {
	width:32px
}
.floor1 .news-wrap {
	margin:2rem -15px
}
.floor1 .news-wrap .icon-left {
	margin-right:24px
}
.floor1 .news-wrap h3 {
	margin:0 0 .5rem
}
.floor1 .news-wrap h3 a {
	font-size:20px;
	color:#282828;
	text-decoration:none
}
.floor1 .news-wrap #swiper2 .swiper-wrapper a,.floor1 .news-wrap #swiper3 .swiper-wrapper a {
	color:#656565
}
.floor1 .news-wrap .wrap {
	width:70%
}
.floor1 #swiper1 .swiper-slide {
	background-position:center!important;
	height:550px
}
@media (max-width:991px) {
	.floor1 .news-wrap .wrap {
		width:100%
	}
	.floor1 #swiper1 .swiper-slide {
		height:40rem;
		width:90%;
		background-size:cover!important
	}
}

.floor2 {
	padding-bottom:10rem;
}
.floor2 .floor-title {
	color:#fff
}
.floor2 .title2 {
	margin-bottom:1rem
}
.floor2 .circle {
	height:400px
}
.floor2 ul li {
	display:inline-block;
	background-color:rgba(255,255,255,.8);
	margin:.2rem;
	padding:.2rem;
	border-radius:.1rem;
	color:#656565
}
.floor3 {
	padding-bottom:3rem
}
.floor3 .floor-title {
	margin-bottom:28px
}
@media (max-width:991px) {
	.floor3 .floor-title {
	margin-bottom:30px
}
}.floor3 .icon {
	margin:0 auto
}
.floor3 h3 {
	font-size:19px;
	color:#282828;
	margin:28px 0 20px
}
.floor3 p {
	color:#989898;
	padding:0 15px
}
.floor3 .col-md-6 {
	overflow:auto
}
.floor4 {
	color:#fff;
	background-color:#f7f7fa;
	padding-bottom:3rem
}
.floor4 a {
	color:#fff!important
}
.floor4 a:hover {
	text-decoration:none
}
.floor4 .f-l-wrap {
	height:280px;
	overflow:hidden;
	margin:4px 0;
	padding:0!important
}
.floor4 .f-l-wrap .wrap {
	transition:.5s ease
}
.floor4 .f-l-wrap .bg-c {
	background-color:rgba(0,0,0,.5);
	height:200%;
	transition:.5s ease
}
.floor4 .f-l-wrap:hover {
	cursor:pointer
}
.floor4 .f-l-wrap:hover .wrap {
	background-size:110%!important
}
.floor4 .f-l-wrap:hover .bg-c {
	background-color:rgba(0,135,255,.5);
	height:200%
}
.floor4 .f-l-wrap h3 {
	margin-top:0;
	padding-top:130px;
	font-size:28px;
	transition:.4s ease;
	color:#fff;
	margin-bottom:1rem!important
}
.floor4 .f-l-wrap h4 {
	font-size:16px;
	margin:12px 0 24px
}
.floor4 .f-l-wrap .btn-wrap {
	margin-top:280px;
	overflow:auto
}
.floor4 .f-l-wrap .f-btn {
	margin:16px auto;
	width:264px;
	border-radius:20px;
	font-size:18px;
	border:1px solid #fff;
	transition:.2s ease
}
.floor4 .f-l-wrap .f-btn span {
	display:inline-block;
	padding:6px
}
.floor4 .f-l-wrap .f-btn:hover {
	background-color:#fff;
	color:#0090ff;
	cursor:pointer
}
.floor4 .f-l-wrap .f-btn:active {
	background-color:#ddd
}
.floor4 .f-l-wrap .wrap {
	background-size:104%!important
}
@media (min-width:991px) {
	.floor4 .f-l-wrap:hover h3 {
	margin-top:0;
	padding-top:50px;
	font-size:28px
}
.floor4 .f-l-wrap:hover h3.h-b {
	padding-top:25px
}
.floor4 .f-l-wrap:hover .h3-2 {
	padding-top:100px
}
.floor4 .f-l-wrap:hover .h3-3 {
	padding-top:20px
}
.floor4 .f-l-wrap:hover .btn-wrap {
	margin:0 auto
}
.floor4 .f-l-wrap:hover .f-btn-g {
	margin:5px auto!important
}
.floor4 .f-l-wrap:hover .h-q {
	padding-top:95px
}
}@media (max-width:991px) {
	.floor4 .f-l-wrap {
	height:15rem
}
.floor4 .f-l-wrap h3 {
	margin-top:0;
	padding-top:2rem;
	font-size:1.8rem
}
.floor4 .f-l-wrap h4 {
	font-size:1.5rem;
	margin:.5rem 0
}
.floor4 .f-l-wrap .h3-2 {
	padding-top:5rem
}
.floor4 .f-l-wrap .btn-wrap {
	margin:0 auto
}
.floor4 .f-l-wrap .f-btn {
	margin:.5rem auto;
	width:40vw;
	font-size:1rem
}
.floor4 .f-l-wrap.col-md-12 .wrap {
	background-size:205%!important
}
.floor4 .f-l-wrap .h-b {
	padding-top:1.25rem
}
}.floor4 .wrap {
	height:100%;
	margin:0 4px
}
.floor5 {
	padding-bottom:3rem
}
.floor5 #myTab {
	margin-bottom:50px;
	font-size:0;
	border-bottom:1px solid #ddd
}
.floor5 #myTab li {
	display:inline-block!important
}
.floor5 #myTab li.active {
	border-bottom:1px solid #fff;
	margin-bottom:-1px
}
.floor5 p {
	border-bottom:1px solid #d9d9d9;
	line-height:40px;
	margin:0 0 45px
}
.floor5 .icon {
	height:184px;
	border:1px solid #0090ff
}
.floor5 .icon img {
	height:100%
}
.floor5 .visible-xs-jr {
	display:none
}
@media (max-width:767px) {
	.floor5 .visible-xs-jr {
	display:block
}
.floor5 .icon {
	height:auto;
	border:1px solid #d8d8d8
}
.floor5 .icon img {
	height:auto;
	width:100%
}
}.floor5 #myTab>li>a {
	border-radius:0;
	padding:7px 34px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	margin:0 -1px 0 0;
	font-size:14px
}
.floor7 img {
	width:100%
}
.floor7 .col-md-2 {
	margin-bottom:30px;
	overflow:hidden;
	height:66px;
	transition:all .5s ease
}
.floor7 .col-md-2 .f-7-logo,.floor7 .col-md-2 h3 {
	position:absolute;
	left:0;
	transition:all .5s ease
}
.floor7 .col-md-2 h3 {
	bottom:-100%;
	text-align:center;
	width:100%;
	margin:0 auto;
	height:66px;
	line-height:2.8rem;
	color:#fff;
	cursor:Default;
	margin-bottom:0!important
}
.floor7 .col-md-2 .f-7-logo {
	top:0;
	z-index:1
}
.floor7 .col-md-2:hover .f-7-logo {
	top:-100%
}
.floor7 .col-md-2:hover h3 {
	bottom:0;
	background-color:#249cff
}
@media (max-width:991px) {
	.floor7 .col-md-2 {
	margin-bottom:0!important;
	height:4rem
}
.floor7 h3 {
	height:4.3rem!important;
	line-height:4.7rem!important;
	font-size:1.5rem!important
}
.floor3 h3 {
	font-size:1.8rem
}
.floor2 canvas {
	width:100vw
}
}
.index_aboutus{
	box-sizing: border-box;	width:100%; height:540px; padding:60px 0px;  background:url(../images/aboutus_bg.png) no-repeat center center #FFFFFF;
}
.index_aboutus .container{ margin:0px auto; width:1200px; height:450px; }
.index_aboutus .container .aboutus_ico{ float:left; width:630px; height:440px; background:url(../images/aboutus_ico.png) no-repeat center; border-radius: 10px; border: 1px solid #efefef; text-align:center;}
.index_aboutus .container .aboutus_right{ float:right; width:500px; height:420px; margin:10px; text-align:left; padding:10px; background-color:#FFFFFF;opacity:0.8;border-radius: 10px; border: 1px solid #efefef;  }
.index_aboutus .container .aboutus_right .title { line-height:45px; font-size:14pt; }
.index_aboutus .container .aboutus_right .title span{border-bottom:2px solid #FF0000; padding:5px;}
.index_aboutus .container .aboutus_right .content { line-height:25px; font-size:12pt;}

.clear_both::after{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.welcome_section{
	clear:both;
}

.product_swiper .jt_i{
	position: absolute;
	width: 26px;
	height: 25px;
	margin: auto;
	left: 0;
	right: 0;
	top: 58px;
	background: url(../images/jt_x.png) no-repeat;
	background-size: contain;
	z-index: 50;
	animation: myfirst 3s linear infinite;
	-webkit-animation: myfirst 3s linear infinite;
	opacity: 0;
}
.welcome_section .small_div{
	width: 82%;
	max-width: 1400px;
	margin: 0 auto;
}
.welcome_section .small_div a:hover{ text-decoration:none; color:#FFFFFF;}
.welcome_section .product_swiper{
	background: url(../images/bg2.png) no-repeat 0 center #f2f2f2;
	padding: 110px 0 80px;
	margin-top: -30px;
	position: relative;
}
.welcome_section .product_swiper .left_div{
	float: left;
	width: calc(100% - 75% - 20px);
	color: #333;
	box-sizing: border-box;
	padding-right: 3%;
	padding-top: 5%;
}
.welcome_section .product_swiper .left_div strong{
	font-size: 32px;
	display: block;
	margin-bottom: 15px;
}
.welcome_section .product_swiper .left_div span{
	font-size: 32px;
	line-height: 40px;
}
.welcome_section .product_swiper .left_div .arrow_div{
	font-size: 0;
	padding-top: 42%;
}
.welcome_section .product_swiper .left_div .arrow_div div{
	display: inline-block;
	position: static;
	width: 48px;
	height: 48px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 2px solid #0b63ab;
	margin-top: 0;
	outline: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.welcome_section .product_swiper .left_div .swiper-button-prev{
	background: url(../images/zuo.png) no-repeat center;
	margin-right: 16px;
}
.welcome_section .product_swiper .left_div .swiper-button-next{
	background: url(../images/you.png) no-repeat center;
}
.welcome_section .product_swiper .left_div .swiper-button-prev:hover{
	background: url(../images/zuoh.png) no-repeat center #0b63ab !important ;
}
.welcome_section .product_swiper .left_div .swiper-button-next:hover{
	background: url(../images/youh.png) no-repeat center #0b63ab !important;
}
.welcome_section .product_swiper .right_div{
	float: left;
	width: 75%;
	padding-left: 20px;
	background: url(../images/juxing.png) no-repeat 0 100px;	
}
.welcome_section .product_swiper .right_div .swiper-container{
	padding-bottom: 20px;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.welcome_section .product_swiper .right_div .swiper-slide{
	
}
.welcome_section .product_swiper .right_div .swiper-slide a{
	display: block;
	position: relative;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	width: 100%;
}
.welcome_section .product_swiper .right_div .swiper-slide a .p1{
	position: relative;
    width: 100%;
    padding-bottom: 82%;
    overflow: hidden;
}
.welcome_section .product_swiper .right_div .swiper-slide a .p1 img{
	width: 60%;
    height: auto;
    position: absolute;
    top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.welcome_section .product_swiper .right_div .swiper-slide a .p2{
	text-align: left;
	padding: 0 6%;
}
.welcome_section .product_swiper .right_div .swiper-slide a .p2 strong{
	display: inline-block;
	width: 100%;
}
.welcome_section .product_swiper .right_div .swiper-slide a .p2 strong i{
	color: #333;
	font-size: 20px;
	position: relative;
	vertical-align: top;
	z-index: 16;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.welcome_section .product_swiper .right_div .swiper-slide a .p2 strong small{
	display: inline-block;
	height: 10px;
	background: #d0ddeb;
	width: 100%;
	position: relative;
	z-index: 15;
	vertical-align: top;
	margin-top: -7px;
}
.welcome_section .product_swiper .right_div .swiper-slide a .p2 span{
	font-size: 14px;
	color: #666;
	text-align: justify;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	display: block;
	margin-top: 6px;
	margin-bottom: 20px;
}
.welcome_section .product_swiper .right_div .swiper-slide a .p2 em{
	float: right;
	margin-bottom: -20px;
	width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background: #0b63ab;
    font-size: 14px;
    color: #fff;
    position: relative;
    padding-left: 16px;
    overflow: hidden;
    box-sizing: border-box;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_section .product_swiper .right_div .swiper-slide a .p2 em i{
	position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
	background: url(../images/jia1.png) no-repeat center #fff;
	background-size: 12px 12px;
    border-radius: 50%;
    border: 5px solid #0b63ab
}
.welcome_section .product_swiper .right_div .swiper-slide a:hover{
	box-shadow: 0 5px 20px rgba(0,0,0,0.2);
	z-index: 17;
}
.welcome_section .product_swiper .right_div .swiper-slide a:hover img{
	-webkit-transform: scale(1.1) translate(-50%,-50%);
    transform: scale(1.1) translate(-50%,-50%);
}
.welcome_section .product_swiper .right_div .swiper-slide a:hover .p2 em{
	width: 118px;
}
.welcome_section .product_swiper .left_div strong{
	font-size: 24px;
}
.welcome_section .product_swiper .left_div span{
	font-size: 24px;
	line-height: 30px;
}
.welcome_section .product_swiper .right_div .swiper-slide a .p1{
	padding-bottom: 60%;
}

.welcome_section .field_div{
	padding: 100px 0 80px;
}
.welcome_section .news_div{
	background: #f2f2f2;
	padding: 80px 0 80px;
}
.welcome_section .field_div .left_div{
    float: left;
    width: calc(100% - 75% - 20px);
    color: #333;
    box-sizing: border-box;
    padding-right: 3%;
    padding-top: 5%;
}
.welcome_section .field_div .left_div strong{
	font-size: 32px;
    display: block;
    margin-bottom: 15px;
}
.welcome_section .field_div .left_div span{
	font-size: 32px;
    line-height: 40px;
}
.welcome_section .field_div .left_div a{
	display: block;
	width: 120px;
    height: 38px;
    line-height: 38px;
    border-radius: 21px;
    position: relative;
    padding-left: 16px;
    overflow: hidden;
    transition: 0.5s;
	-webkit-transition: 0.5s;
	border: 2px solid #0b63ab;
	margin-top: 100px;
}
.welcome_section .field_div .left_div a em{
	position: relative;
	z-index: 18;
	color: #0b63ab;
	font-size: 14px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.welcome_section .field_div .left_div a i{
	position: absolute;
	z-index: 17;
    top: 2px;
    right: 2px;
    display: inline-block;
    width: 34px;
    height: 34px;
    box-sizing: border-box;
    background: url(../images/jia3.png) no-repeat right 11px center #0b63ab;
    background-size: 12px 12px;
	border-radius: 17px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.welcome_section .field_div .left_div a:hover i{
	width: 132px;
}
.welcome_section .field_div .left_div a:hover em{
	color: #fff;
}
.welcome_section .field_div .right_div{
	position: relative;
	float: left;
	width: 75%;
	padding-bottom: 36%;
    padding-left: 20px;
	background: url(../images/juxing.png) no-repeat 0 260px;
}
.welcome_section .field_div .right_div .panel_i{
	position: absolute;
	top: -20px;
	left: 0;
	width: 20%;
	padding-bottom: 16%;
	background: #0b63ab;
}
.welcome_section .field_div .right_div p{
	float: right;
	width: 33%;
	height: calc(50% - 10px);
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}
.welcome_section .field_div .right_div p a{
	display: block;
	width: 100%;
	height: 100%;
}
.welcome_section .field_div .right_div p:first-of-type{
	float: left;
	width: calc(67% - 20px);
	height: calc(100% - 20px);
	border-right: 1px solid #fff;
}
.welcome_section .field_div .right_div p:nth-of-type(2){
	right: 0;
	top: 0;
	border-bottom: 1px solid #fff;
}
.welcome_section .field_div .right_div p:nth-of-type(3){
	right: 0;
	top: calc(50% - 10px);
}
.welcome_section .field_div .right_div p img{
	width: 100%;
	height: 100%;
	vertical-align: top;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.welcome_section .field_div .right_div p span{
	position: absolute;
	left: 12px;
	bottom: 12px;
	color: #fff;
	font-size: 20px;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_section .field_div .right_div p span i{
	display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    width: 49px;
    height: 49px;
    position: relative;
}
.welcome_section .field_div .right_div p span i img{
	position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_section .field_div .right_div p span i img:first-of-type{
	opacity: 1;
}
.welcome_section .field_div .right_div p span i img:last-of-type{
	opacity: 0;
}
.welcome_section .field_div .right_div p:hover>img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.welcome_section .field_div .right_div p:hover span{
	color: #155599;
}
.welcome_section .field_div .right_div p:hover span img:first-of-type{
	opacity: 0;
}
.welcome_section .field_div .right_div p:hover span img:last-of-type{
	opacity: 1;
}
.welcome_section .field_div .new_div{
	float: left;
    width: 75%;
    padding-left: 20px;
} 
.welcome_section .field_div .new_div a{
	float: left;
	width: 33.33%;
} 
.welcome_section .field_div .new_div a p{
	width: 100%;
	padding-bottom: 72%;
	position: relative;
	background: #fff;
	overflow: hidden;
} 
.welcome_section .field_div .new_div a .p1 img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: 0.5s;
	-webkit-transition: 0.5s;
} 
.welcome_section .field_div .new_div a .p2{
	
} 
.welcome_section .field_div .new_div a .p2 strong{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
	color: #333;
	box-sizing: border-box;
	padding: 20px 14px 0;
	font-weight: normal;
	line-height: 24px;
	overflow: hidden;
} 
.welcome_section .field_div .new_div a .p2 span{
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	color: #999;
	box-sizing: border-box;
	padding: 0 14px;
	height: 40px;
	overflow: hidden;
} 
.welcome_section .field_div .new_div a .p2 small{
	position: absolute;
	left: 14px;
	bottom: 14px;
	font-size: 14px;
	color: #999;
	height: 28px;
	line-height: 28px;
} 
.welcome_section .field_div .new_div a .p2 em{
	position: absolute;
	right: 14px;
    bottom: 14px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    background: #0b63ab;
    font-size: 12px;
    color: #fff;
    padding-left: 12px;
    width: 28px;
    overflow: hidden;
    box-sizing: border-box;
    transition: 0.5s;
    -webkit-transition: 0.5s;
} 
.welcome_section .field_div .new_div a .p2 em i{
	position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    box-sizing: border-box;
    background: url(../images/jia2.png) no-repeat center #fff;
    border-radius: 50%;
    border: 3px solid #0b63ab;
} 
.welcome_section .field_div .new_div a:hover img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.welcome_section .field_div .new_div a:hover em{
	width: 90px;
}




#denewproduct .pro_head{clear:both; margin:10px; text-align:center; padding-bottom:46px; background:url(../images/3080_index1.png) no-repeat center bottom;}
#denewproduct .pro_head h2{ clear:both; font-size:54px; color:#333; line-height:70px; letter-spacing:1px;}
#denewproduct .pro_head h5{ clear:both; margin-top:16px; font-size:16px; color:#888; line-height:24px; letter-spacing:1px;}


#denewproduct .pro_content{ margin:10px; overflow:hidden; text-align:center;}
#denewproduct .pro_content ul{ clear:both; list-style:none; margin:0 auto;}
#denewproduct .pro_content ul li{ float:left; width:150px; height:210px; padding:2px; margin-left:5px;}
#denewproduct .pro_content ul li a{ clear:both; display:block; border:solid 1px #e5e5e5; overflow:hidden;}
#denewproduct .pro_content ul li a img{ width:145px; height:145px; clear:both; left:0; top:0;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
#denewproduct .pro_content ul li a:hover img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
#denewproduct .pro_content ul li a:hover{ border-color:white; box-shadow:0 0 7px rgba(0,0,0,0.07);}

#Content3 .index3{ padding:88px 0 100px 0;}
#Content3 .index3 .index3Body{ margin:0 -55px;}
#Content3 .index3 .index3Body ul{ width:100%; float:left; margin-top:52px;}
#Content3 .index3 .index3Body ul li{ width:100%; float:left; padding:0 55px;}
#Content3 .index3 .index3Body ul li a{ display:block; width:100%; float:left; text-align:center;}
#Content3 .index3 .index3Body ul li a .pic{ width:100%; padding-bottom:66.6%; position:relative; overflow:hidden; background:#2a2c77;}
#Content3 .index3 .index3Body ul li a .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
#Content3 .index3 .index3Body ul li a:hover .pic img{transform: scale(1.1,1.1); opacity:0.4;
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
#Content3 .index3 .index3Body ul li a .title{ width:100%; margin-top:34px; line-height:34px; font-size:22px; color:#333;}
#Content3 .index3 .index3Body ul li a .jj{ width:100%; margin-top:8px; line-height:24px; font-size:16px; color:#666;}
#Content3 .index3 .index3Body ul li a:hover .title{ color:#2a2c77;}
#Content3 .index3 .index3Down{ width:100%; float:left; margin-top:75px; border:solid 1px #e5e5e5;}
#Content3 .index3 .index3Down .more{ width:20%; float:left; font-size:14px; color:#888; letter-spacing:1px; text-transform:uppercase; border-left:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; height:62px; line-height:62px; text-align:center;}
#Content3 .index3 .index3Down .more:hover{ color:white; background:#2a2c77;}
#Content3 .index3 .index3Down .zuo,#Content3 .index3 .index3Down .you{ width:40%; height:62px; float:left; background:url(/template/theme/CN/3078_index9.png) no-repeat center center; cursor:pointer;}
#Content3 .index3 .index3Down .you{ background-image:url(/template/theme/CN/3078_index10.png);}
#Content3 .index3 .index3Down .zuo:hover{ background-image:url(/template/theme/CN/3078_index9_h.png);}
#Content3 .index3 .index3Down .you:hover{ background-image:url(/template/theme/CN/3078_index10_h.png);}

#Content3 .indexHead{ width:100%; float:left; text-align:center; padding-bottom:46px; background:url(/template/theme/CN/3078_index1.png) no-repeat center bottom;}
#Content3 .indexHead h2{ width:100%; float:left; font-size:54px; color:#333; line-height:70px; letter-spacing:1px;}
#Content3 .indexHead h5{ width:100%; float:left; margin-top:16px; font-size:16px; color:#888; line-height:24px; letter-spacing:1px;}

@media screen and  (max-width:1570px){

}
@media screen and  (max-width:1200px){
#Content3 .index3 .index3Body{ margin:0 -30px;}
#Content3 .index3 .index3Body ul li{ width:100%; float:left; padding:0 30px;}
}
@media screen and  (max-width:992px){
#Content3 .index3{ padding:44px 0 50px 0;}
#Content3 .index3 .index3Body{ margin:0 -10px;}
#Content3 .index3 .index3Body ul li{ padding:0 10px;}
#Content3 .index3 .index3Body ul{ margin-top:30px;}
#Content3 .index3 .index3Body ul li a .title{ margin-top:20px; line-height:28px; font-size:17px;}
#Content3 .index3 .index3Body ul li a .jj{ margin-top:6px; line-height:20px; font-size:14px;}
#Content3 .index3 .index3Down{ margin-top:40px;}
#Content3 .index3 .index3Down .more{ font-size:12px; letter-spacing:0px; height:40px; line-height:40px;}
#Content3 .index3 .index3Down .zuo,#Content3 .index3 .index3Down .you{ height:40px;}

#Content3 .indexHead{ padding-bottom:30px; background-size:20px auto;}
#Content3 .indexHead h2{ font-size:40px; line-height:60px; letter-spacing:0px;}
#Content3 .indexHead h5{ margin-top:10px; font-size:14px; line-height:20px; letter-spacing:0px;}
}
@media screen and  (max-width:768px){
#Content3 .index3{ padding:22px 10px 30px 10px;}
#Content3 .index3 .index3Body{ margin:0 -5px;}
#Content3 .index3 .index3Body ul li{ padding:0 5px;}
#Content3 .index3 .index3Body ul{ margin-top:20px;}
#Content3 .index3 .index3Body ul li a .title{ margin-top:10px; line-height:22px; font-size:13px;}
#Content3 .index3 .index3Body ul li a .jj{ margin-top:4px; font-size:12px;}
#Content3 .index3 .index3Down{ margin-top:20px;}
#Content3 .index3 .index3Down .more{ width:60%;}
#Content3 .index3 .index3Down .zuo,#Content3 .index3 .index3Down .you{ width:20%;}

#Content3 .indexHead{ padding-bottom:20px; background-size:14px auto;}
#Content3 .indexHead h2{ font-size:20px; line-height:34px;}
#Content3 .indexHead h5{ margin-top:6px; font-size:12px; line-height:18px;}
}

.container-fluid{ padding:0; width:100%; float:left;}
.container{ padding:0;}

#Content4 .index4 .pic{ width:50%; float:left; height:738px; background:url(../images/aboutus_ico.png) no-repeat center center; background-size:cover; border-radius: 10px; border: 1px solid #efefef;}
#Content4 .index4 .text{ width:50%; float:left; height:738px; display:table; position:relative; background:url(../images/aboutus_bg.png) no-repeat center center; background-size:cover;}
#Content4 .index4 .text:before{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#2a2c77; opacity:0.9; z-index:1;}
#Content4 .index4 .text span{ display:table-cell; vertical-align:middle; padding:0 10%; position:relative; z-index:2;}
#Content4 .index4 .text h3{ width:100%; color:white; font-size:48px; line-height:62px; letter-spacing:1px;}
#Content4 .index4 .text h4{ width:100%; margin-top:5px; color:white; font-size:22px; line-height:32px; letter-spacing:2px;}
#Content4 .index4 .text .jj{ width:100%; margin-top:46px; color:white; font-size:16px; line-height:32px; letter-spacing:2px; height:160px; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-all;}
#Content4 .index4 .text dl{ width:100%; margin-top:73px; border:solid 1px rgba(255,255,255,0.2); padding:34px 0 38px 0;}
#Content4 .index4 .text dl dd{ width:33.333%; float:left; text-align:center;}
#Content4 .index4 .text dl dd h3{ width:100%; color:whtie; font-size:48px; line-height:52px; letter-spacing:2px;}
#Content4 .index4 .text dl dd h3 img{ vertical-align:middle; margin:13px 0 0 8px;}
#Content4 .index4 .text dl dd h5{ width:100%; margin-top:8px; color:white; font-size:16px; line-height:24px; letter-spacing:2px;}
#Content4 .index4 .text .more{ display:block; width:68px; height:68px; position:absolute; left:-34px; top:50%; margin-top:-34px; background:#dd6e0f; text-align:center; line-height:68px; color:white; font-size:14px; text-transform:uppercase; z-index:3;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
/*@media screen and (max-width: 1360px) {
#Content4 .index4 .pic,#Content4 .index4 .text{ height:600px;}
#Content4 .index4 .text span{ padding:0 8%;}
#Content4 .index4 .text dl{ margin-top:50px;}
}*/

#Content4 .indexHead{ width:100%; float:left; text-align:center; padding-bottom:46px; background:url(../imagess/3079_index1.png) no-repeat center bottom;}
#Content4 .indexHead h2{ width:100%; float:left; font-size:54px; color:#333; line-height:70px; letter-spacing:1px;}
#Content4 .indexHead h5{ width:100%; float:left; margin-top:16px; font-size:16px; color:#888; line-height:24px; letter-spacing:1px;}


/*@media screen and  (max-width:992px){
#Content4 .index4 .pic,#Content4 .index4 .text{ height:500px;}
#Content4 .index4 .text span{ padding:0 6% 0 8%;}
#Content4 .index4 .text h3{  font-size:40px; line-height:50px; letter-spacing:0px;}
#Content4 .index4 .text h4{ font-size:16px; line-height:26px; letter-spacing:1px;}
#Content4 .index4 .text .jj{ margin-top:24px; font-size:14px; line-height:26px; letter-spacing:1px; height:130px;}
#Content4 .index4 .text dl{ margin-top:30px; padding:20px 0 24px 0;}
#Content4 .index4 .text .more{ width:50px; height:50px; left:-25px; margin-top:-25px; line-height:50px; font-size:12px;}
#Content4 .index4 .text dl dd h3{ font-size:38px; line-height:46px; letter-spacing:1px;}
#Content4 .index4 .text dl dd h3 img{ width:12px; margin:8px 0 0 6px;}
#Content4 .index4 .text dl dd h5{ margin-top:6px; font-size:14px; line-height:18px; letter-spacing:1px;}

#Content4 .indexHead{ padding-bottom:30px; background-size:20px auto;}
#Content4 .indexHead h2{ font-size:40px; line-height:60px; letter-spacing:0px;}
#Content4 .indexHead h5{ margin-top:10px; font-size:14px; line-height:20px; letter-spacing:0px;}
}*/
@media screen and  (max-width:768px){
#Content4 .index4 .pic,#Content4 .index4 .text{ height:300px; width:100%;}
#Content4 .index4 .text span{ padding:0 6% 0 6%;}
#Content4 .index4 .text h3{  font-size:30px; line-height:40px;}
#Content4 .index4 .text h4{ font-size:14px; line-height:22px; letter-spacing:0px;}
#Content4 .index4 .text .jj{ margin-top:12px; font-size:12px; line-height:20px; letter-spacing:0px; height:98px;}
#Content4 .index4 .text dl{ margin-top:20px; padding:10px 0 12px 0;}
#Content4 .index4 .text .more{ left:auto; right:10px; top:10px; width:50px; height:50px; margin-top:0; line-height:50px; font-size:12px;}
#Content4 .index4 .text dl dd h3{ font-size:20px; line-height:30px; letter-spacing:0px;}
#Content4 .index4 .text dl dd h3 img{ width:8px; margin:6px 0 0 4px;}
#Content4 .index4 .text dl dd h5{ margin-top:4px; font-size:12px; letter-spacing:0px;}

#Content4 .indexHead{ padding-bottom:20px; background-size:14px auto;}
#Content4 .indexHead h2{ font-size:20px; line-height:34px;}
#Content4 .indexHead h5{ margin-top:6px; font-size:12px; line-height:18px;}
#Content4 .index4 .pic{ background:url(../images/aboutus_ico.png) no-repeat center center; background-size:cover; border-radius: 10px; border: 1px solid #efefef;}
}


.hNewsC{ clear:both; background:#fff; height:466px; padding:29px 30px 15px 30px; overflow:hidden; margin:0 2.57%;}
.hNewsC .title{  clear:both; text-align:center; position:relative; z-index:6;}
.hNewsC .title .tit1{ clear:both; color:#333; font-size:48px; line-height:40px; font-weight:bold;}
.hNewsC .title .tit2{  clear:both; color:#888; font-size:38px; line-height:38px; margin-top:34px;}
.hNewsC .title .tit2 span{ position:relative; padding:0 70px; display:inline-block; vertical-align:top;}
.hNewsC .ulC{ clear:both; margin-top:6px;}
.hNewsC .l2{ float:left; width:100%; border-bottom:1px dashed #cccccc; padding:14px 0;}
.hNewsC .l2:last-child{ border-bottom:none;}
.hNewsC .l2 a{ float:left; width:100%; position:relative; height:93px; padding-left:139px;}
.hNewsC .img{ float:left; width:124px; height:93px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;}
.hNewsC .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.hNewsC .l2 a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.hNewsC .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:24px; height:48px; overflow:hidden; margin:6px 0 12px 0;}
.hNewsC .time{ float:left; width:100%; color:#888888; font-size:14px; line-height:24px;}
.hNewsC .l2 a:hover .tit{ color:#eb3c00;}
@media screen and  (max-width:768px){
.hNewsC{ width:100%; margin:15px 0;}
}